<template >
    <div id="Writer"></div>
</template>

<script lang="ts" setup>
import { onMounted, defineExpose } from 'vue'
import DrawerRender from "@@/Editor/src/index"
import { Graph } from '@@/Editor/src/MyGraph';
let graph: Graph
onMounted(() => {
    graph = DrawerRender({
        containerID: "Writer"
    })

});
defineExpose({
    getGraph() {
        return graph
    }
})
</script>
<style>
#Writer {
    display: flex;
    border: 1px solid #dfe3e8;
    height: 100%;
    width: 100%;
}
#stencil {
    width: 260px;
    height: 100%;
    position: relative;
    border-right: 1px solid #dfe3e8;
}
#graph-container {
    width: 100%;
    height: 100%;
}
</style>